<template>
	<view>


		<view class="banner">
			<image src="../../static/banner/2.jpeg" mode="widthFix"></image>
		</view>


		<view class="list">
			<view class="item">
				<view class="icon iconfont icon-tuikuan">

				</view>
				<view class="title">订单管理</view>
				<view class="arrow iconfont icon-jiantouyou"></view>
			</view>
			<view class="item">
				<view class="icon iconfont icon-anquanbaozhang"></view>
				<view class="title">退款处理</view>
				<view class="arrow iconfont icon-jiantouyou"></view>
			</view>
			<view class="item">
				<view class="icon iconfont icon-caiwu"></view>
				<view class="title">退货处理</view>
				<view class="arrow iconfont icon-jiantouyou"></view>
			</view>
			<view class="item">
				<view class="icon iconfont icon-shequguanli_gongdanguanli"></view>
				<view class="title">门店管理</view>
				<view class="arrow iconfont icon-jiantouyou"></view>
			</view>
			<view class="item">
				<view class="icon iconfont icon-daichuliyuyue_bifuben"></view>
				<view class="title">财务管理</view>
				<view class="arrow iconfont icon-jiantouyou"></view>
			</view>
			<view class="item" @click="hi">
				<view class="icon iconfont icon-dingdan"></view>
				<view class="title">{{msg}}</view>
				<view class="arrow iconfont icon-jiantouyou"></view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		toRefs,
		reactive
	} from 'vue';

	const msg = ref("保证金");

	const hi = () => {
		uni.showToast({
			title: "hi"
		})
	}
</script>

<style lang="scss" scoped>
	@import "https://at.alicdn.com/t/c/font_3534571_5ngpqsu459w.css";



	.banner image {
		width: 100%;
	}

	.item {
		padding: 10px 0px;
		border-bottom: 1px solid #ccc;
	}

	.icon,
	.title,
	.arrow {
		color: $uni-color-title;
		font-size: $uni-font-size-lg;
		display: inline-block;
		margin: 0px 15px;
	}

	.title {
		font-weight: 600;
	}

	.arrow {
		float: right;
	}


	.icon {
		// font-family: "iconfont";
	}
</style>
